.value-one
  border-color: red
  border-radius: 1px/1rem
  border-style: dashed
  border-width: inherit
  margin: 1rem
  padding: 1px
  padding: ($gutter / 2);

.value-two-ident
  border-color: red red
  border-radius: 1px/1rem 1px/1rem
  border-style: dashed dashed
  border-width: inherit inherit
  margin: 1rem 1rem
  padding: 1px 1px
  padding: ($gutter / 2) ($gutter / 2)

.value-two-diff
  border-color: red blue
  border-radius: 1px/1rem 2px/2rem
  border-style: dashed dotted
  border-width: inherit 2em
  margin: 1rem 2rem
  padding: 1px 2px
  padding: ($gutter / 2) ($gutter / 3)

.value-three-ident
  border-color: red red red
  border-radius: 1px/1rem 1px/1rem 1px/1rem
  border-style: dashed dashed dashed
  border-width: inherit inherit inherit
  margin: 1rem 1rem 1rem
  padding: 1px 1px 1px
  padding: ($gutter / 2) ($gutter / 2) ($gutter / 2)

.value-three-diff-one
  border-color: blue red red
  border-radius: 2px/2rem 1px/1rem 1px/1rem
  border-style: dotted dashed dashed
  border-width: 10px inherit inherit
  margin: 2rem 1rem 1rem
  padding: 2px 1px 1px
  padding: ($gutter / 3) ($gutter / 2) ($gutter / 2)

.value-three-diff-two
  border-color: red blue red
  border-radius: 1px/1rem 2px/2rem 1px/1rem
  border-style: dashed dotted dashed
  border-width: inherit 10px inherit
  margin: 1rem 2rem 1rem
  padding: 1px 2px 1px
  padding: ($gutter / 2) ($gutter / 3) ($gutter / 2)

.value-three-diff-three
  border-color: red red blue
  border-radius: 1px/1rem 1px/1rem 2px/2rem
  border-style: dashed dashed dotted
  border-width: inherit inherit 10px
  margin: 1rem 1rem 2rem
  padding: 1px 1px 2px
  padding: ($gutter / 2) ($gutter / 2) ($gutter / 3)

.value-three-diff-four
  border-color: red blue orange
  border-radius: 1px/1rem 2px/2rem 3px/3rem
  border-style: dashed dotted double
  border-width: inherit 10px 20px
  margin: 1rem 2rem 3rem
  padding: 1px 2px 3px
  padding: ($gutter / 2) ($gutter / 3) ($gutter / 4)

.value-four-ident
  border-color: red red red red
  border-radius: 1px/1rem 1px/1rem 1px/1rem 1px/1rem
  border-style: dashed dashed dashed dashed
  border-width: inherit inherit inherit inherit
  margin: 1rem 1rem 1rem 1rem
  padding: 1px 1px 1px 1px
  padding: ($gutter / 2) ($gutter / 2) ($gutter / 2) ($gutter / 2)

.value-four-diff-one
  border-color: blue red red red
  border-radius: 2px/2rem 1px/1rem 1px/1rem 1px/1rem
  border-style: dotted dashed dashed dashed
  border-width: 10px inherit inherit inherit
  margin: 2rem 1rem 1rem 1rem
  padding: 2px 1px 1px 1px
  padding: ($gutter / 3) ($gutter / 2) ($gutter / 2) ($gutter / 2)

.value-four-diff-two
  border-color: red blue red red
  border-radius: 1px/1rem 2px/2rem 1px/1rem 1px/1rem
  border-style: dashed dotted dashed dashed
  border-width: inherit 10px inherit inherit
  margin: 1rem 2rem 1rem 1rem
  padding: 1px 2px 1px 1px
  padding: ($gutter / 2) ($gutter / 3) ($gutter / 2) ($gutter / 2)

.value-four-diff-three
  border-color: red red blue red
  border-radius: 1px/1rem 1px/1rem 2px/2rem 1px/1rem
  border-style: dashed dashed dotted dashed
  border-width: inherit inherit 10px inherit
  margin: 1rem 1rem 2rem 1rem
  padding: 1px 1px 2px 1px
  padding: ($gutter / 2) ($gutter / 2) ($gutter / 3) ($gutter / 2)

.value-four-diff-four
  border-color: red red red blue
  border-radius: 1px/1rem 1px/1rem 1px/1rem 2px/2rem
  border-style: dashed dashed dashed dotted
  border-width: inherit inherit inherit 10px
  margin: 1rem 1rem 1rem 2rem
  padding: 1px 1px 1px 2px
  padding: ($gutter / 2) ($gutter / 2) ($gutter / 2) ($gutter / 3)

.value-four-diff-five
  border-color: red blue red blue
  border-radius: 1px/1rem 2px/2rem 1px/1rem 2px/2rem
  border-style: dashed dotted dashed dotted
  border-width: inherit 10px inherit 10px
  margin: 1rem 2rem 1rem 2rem
  padding: 1px 2px 1px 2px
  padding: ($gutter / 2) ($gutter / 3) ($gutter / 2) ($gutter / 3)

.value-four-diff-six
  border-color: red blue orange green
  border-radius: 1px/1rem 2px/2rem 3px/3rem 4px/4rem
  border-style: dashed dotted double none
  border-width: inherit 10px 20px 30px
  margin: 1rem 2rem 3rem 4rem
  padding: 1px 2px 3px 4px
  padding: ($gutter / 2) ($gutter / 3) ($gutter / 4) ($gutter / 5)

.value-four-ident
  border-color: $red $red $red $red
  border-radius: $one $two $one $two
  border-style: $one $two $three $one
  border-width: $one $two $three $four
  margin: $one $two $one $three
  padding: $one $one $one $two

.value-of-zero
  border-radius: 0
  border-width: none
  margin: 0 0px
  padding: 1px 0
  padding: ($gutter / 2) 0

.value-mixed
    border-color: $red 1px red 1rem
    border-radius: 1px 1pc 1rem
    border-style: $red red
    border-width: 1px 1pc
    padding: ($gutter / 2) 1px

.value-negative
  margin: -1px
  padding: -($gutter / 2)

.value-two-negative
  margin: -1px -1px
  padding: -($gutter / 2) -($gutter / 2)

.value-two-diff-negative
  margin: -1px 1px
  padding: -($gutter / 2) ($gutter / 2)

.value-three-diff-one-negative
  margin: -1px -2px -1px
  padding: -($gutter / 2) -($gutter / 3) -($gutter / 2)

.value-three-diff-two-negative
  margin: -1px -2px 1px
  padding: -($gutter / 2) -($gutter / 3) ($gutter / 2)

.value-four-negative
  margin: -1px -1px -1px -1px
  padding: -($gutter / 2) -($gutter / 2) -($gutter / 2) -($gutter / 2)

.value-four-diff-one-negative
  margin: -1px -1px -1px 1px
  padding: -($gutter / 2) -($gutter / 2) -($gutter / 2) ($gutter / 2)

.value-four-diff-two-negative
  margin: -1px 1px -1px 1px
  padding: -($gutter / 2) ($gutter / 2) -($gutter / 2) ($gutter / 2)

.value-four-diff-three-negative
  margin: -1px 1px 1px 1px
  padding: -($gutter / 2) ($gutter / 2) ($gutter / 2) ($gutter / 2)

.value-four-diff-four-negative
  margin: -1px 2px 3px -4px
  padding: -($gutter / 2) ($gutter / 3) ($gutter / 4) -($gutter / 5)

.value-four-diff-four-negative-mixed
  margin: -1px 1px -1rem -1rem
  padding: -($gutter / 2) ($gutter / 2) -($gutter-ex / 2) -($gutter-ex / 2)

.value-percentage
  margin: 1%

.value-two-percentage
  margin: 1% 1%

.value-two-diff-percentage
  margin: 1% -1%

.value-three-diff-one-percentage
  margin: 1% 2% 1%

.value-three-diff-two-percentage
  margin: 1% 2% -1%

.value-four-percentage
  margin: 1% 1% 1% 1%

.value-four-diff-one-percentage
  margin: 1% 1% 1% -1%

.value-four-diff-two-percentage
  margin: 1% -1% 1% -1%

.value-four-diff-three-percentage
  margin: 1% -1% -1% -1%

.value-four-diff-four-percentage
  margin: 1% -2% -3% 4%

.value-four-diff-four-percentage-mixed
  margin: -1% -1% -1rem -1rem

.value-function
  margin: calc(100% - 20%)

.value-two-function
  margin: calc(100% - 20%) calc(100% - 20%)

.value-two-diff-function
  margin: calc(100% - 20%) calc(100% + 20%)

.value-three-diff-one-function
  margin: calc(100% - 20%) calc(100% - 30%) calc(100% - 20%)

.value-three-diff-two-function
  margin: calc(100% - 20%) calc(100% - 30%) calc(100% - 10%)

.value-four-function
  margin: calc(100% - 20%) calc(100% - 20%) calc(100% - 20%) calc(100% - 20%)

.value-four-diff-one-function
  margin: calc(100% - 20%) calc(100% - 20%) calc(100% - 20%) calc(100% - 10%)

.value-four-diff-two-function
  margin: calc(100% - 20%) calc(100% - 10%) calc(100% - 20%) calc(100% - 10%)

.value-four-diff-three-function
  margin: calc(100% - 20%) calc(100% - 10%) calc(100% - 10%) calc(100% - 10%)

.value-four-diff-four-function
  margin: calc(100% - 20%) calc(100% + 20%) calc(100% + 30%) calc(100% - 40%)

.value-four-diff-four-function-mixed
  margin: calc(100% - 10%) calc(100% - 10%) calc(100px - 10px) calc(100px - 10px)

.value-interp-function
  margin: calc(#{$doc-header-height} + #{$global-whitespace--regular})

.value-two-interp-function
  margin: calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} + #{$global-whitespace--regular})

.value-two-diff-interp-function
  margin: calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} - #{$global-whitespace--regular})

.value-three-diff-one-interp-function
  margin: calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} + #{$global-whitespace--large}) calc(#{$doc-header-height} + #{$global-whitespace--regular})

.value-three-diff-two-interp-function
  margin: calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} + #{$global-whitespace--large}) calc(#{$doc-header-height} + #{$global-whitespace--small})

.value-four-interp-function
  margin: calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} + #{$global-whitespace--regular})

.value-four-diff-one-interp-function
  margin: calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} + #{$global-whitespace--large})

.value-four-diff-two-interp-function
  margin: calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} + #{$global-whitespace--large}) calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} + #{$global-whitespace--large})

.value-four-diff-three-interp-function
  margin: calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} + #{$global-whitespace--large}) calc(#{$doc-header-height} + #{$global-whitespace--large}) calc(#{$doc-header-height} + #{$global-whitespace--large})

.value-four-diff-four-interp-function
  margin: calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} - #{$global-whitespace--regular}) calc(#{$doc-header-height} + #{$global-whitespace--large}) calc(#{$doc-header-height} + #{$global-whitespace--small})

.value-four-diff-four-interp-function-mixed
  margin: calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} + #{$global-whitespace--regular}) calc(#{$doc-header-height} - #{$global-whitespace--regular}) calc(#{$doc-header-height} - #{$global-whitespace--regular})

// issue #772 - Issue with colours not being correctly interpreted
// should be ignored;
.test
  border-color: transparent transparent transparent #095b97

.test
  border-color: transparent #095b97 transparent #095b97

// Issue #847 - Ignoring function arguments
.foo
  padding: 0 size('half-shim') 0 size('spacer')

.foo
  padding: 0 size('half-shim') 0 size('half-shim')
